<!DOCTYPE html>

<html>



	<head lang="en">

		<meta charset="UTF-8">

		<title>爱奇异视频播放列表</title>

		<style>

			*{

				margin: 0;

				padding: 0;

			}

			div{

				width: 1000px;

				margin: 0 auto;

			}

			div h3{

				font-size: 18px;

				line-height: 40px;

			}

			li {

				display: inline-block;

				margin: 5px;

				padding: 10px;

			}

			img{

				border-radius: 10px;

			}

			div ul li:hover{

				box-shadow: 0 5px 5px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.2);

			}

			li h4:nth-of-type(1) {

				font-size: 16px;

				color: #4d4d4d;

			}

			

			li p:nth-of-type(1) {

				color: #640000;

				font-size: 14px;

			}

			

			li p:nth-of-type(2) {

				font-size: 12px;

				color: blue;

			}

		</style>

	</head>



	<body>

		<div>

			<h3>热播</h3>

			<ul>

				<li>

					<img src="../img/img1.png" alt="" />

					<h4>神武赵子龙</h4>

					<p>怒，林更新不抱网红抱女神</p>

					<p>点击次数：242445次</p>

				</li>

				<li>

					<img src="../img/img2.png"alt="" />

					<h4>旋风十一人</h4>

					<p>胡歌变教练在撩前女友</p>

					<p>点击次数：242445次</p>



				</li>

				<li>

					<img src="../img/img3.png" alt="" />

					<h4>太阳的后裔</h4>

					<p>宋慧乔吃嫩草</p>

					<p>点击次数：242445次</p>



				</li>

				<li>

					<img src="../img/img4.png" alt="" />

					<h4>山海经之赤影传说</h4>

					<p>娜扎张翰再度联手</p>

					<p>点击次数：242445次</p>



				</li>

			</ul>

		</div>

	</body>



</html>

